<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="/frontend/common/header :: header">
</head>

<body>
<div class="mianCont">
    <div th:replace="/frontend/common/top :: top"></div>

    <div class="pnt">
        <div class="pntLeft">
            <h2 class="Title">所有商品分类</h2>
            <ul class="InPorNav">
                <li th:each="topCategory:${categoryList}">
                    <a href="goods_list.html" th:text="${topCategory.name}"></a>
                    <div class="chilInPorNav">
                        <a href="#" th:each="secondCategory:${topCategory.sub}" th:text="${secondCategory.name}"></a>
                    </div><!--chilLeftNav/-->
                </li>
            </ul><!--InPorNav/-->
        </div><!--pntLeft/-->
        <div class="pntRight">
            <ul class="nav">
                <li class="navCur"><a href="index.html">商城首页</a></li>
                <li><a href="goods_list.html">促销中心</a></li>
                <li><a href="login.html">会员中心</a></li>
                <li><a href="help.html">帮助中心</a></li>
                <div class="clears"></div>
                <div class="phone">TEL：021-12345678</div>
            </ul><!--nav/-->

            <div class="banner">
                <div id="kinMaxShow">
                    <div th:each="carasel:${caraselList}">
                        <a th:href="${carasel.url}"><img height="360" th:src="${carasel.pic}"/></a>
                    </div>
                </div><!--kinMaxShow/-->
            </div><!--banner/-->

        </div><!--pntRight/-->
        <div class="clears"></div>
    </div><!--pnt/-->

    <div class="rdPro">
        <div class="rdLeft">
            <ul class="rdList">
                <li>推荐产品</li>
                <li>促销产品</li>
                <div class="clears"></div>
            </ul><!--rdList/-->
            <div class="rdProBox">
                <dl th:each="recommendGoods:${recommendGoodsList}">
                    <dt><a th:href="@{/goods/openDetails(id=${recommendGoods.id})}"><img height="129" th:src="${recommendGoods.pic}"width="132"/></a></dt>
                    <dd>
                        <span th:text="${recommendGoods.name} +'  ' +${recommendGoods.salePoint}"></span>
                    </dd>
                    <dd class="cheng">
                        <span th:text="'￥'+ ${recommendGoods.price1}+'/'+${recommendGoods.unit}"></span>
                        <!--<span th:text="'￥'+ ${recommendGoods.price2}+'/'+${recommendGoods.unit}"></span>-->
                    </dd>
                </dl>
                <div class="clears"></div>
            </div><!--rdPro/-->

            <div class="rdProBox">
                <dl th:each="promotionGoods:${promotionGoodsList}">
                    <dt><a th:href="@{/goods/openDetails(id=${promotionGoods.id})}"><img height="129" th:src="${promotionGoods.pic}" width="132"/></a></dt>
                    <dd>
                        <span th:text="${promotionGoods.name} +'  ' +${promotionGoods.salePoint}"></span>
                    </dd>
                    <dd class="cheng">
                        <span th:text="'￥'+ ${promotionGoods.price1}+'/'+${promotionGoods.unit}"></span>
                        <!--<span th:text="'￥'+ ${recommendGoods.price2}+'/'+${recommendGoods.unit}"></span>-->
                    </dd>
                </dl>
                <div class="clears"></div>
            </div><!--rdPro/-->
        </div><!--rdLeft/-->

        <div class="rdRight">
            <img height="254" th:src="${verticalAdvertiseList[0].pic}" width="221"/>
        </div><!--rdRight/-->

        <div class="clears"></div>
    </div><!--rdPro/-->
    <div class="hengfu">
        <img height="97" th:src="${horizontalAdvertiseList[0].pic}" width="979"/>
    </div><!--hengfu/-->
    <div class="floor" id="floor1">
        <h3 class="floorTitle">
            1F&nbsp;&nbsp;&nbsp;&nbsp;<span th:text="${categoryList[0].name}"></span>
            <a class="more" th:href="@{/goods/list(parentCategoryId=${categoryList[0].id})}">更多 &gt;</a>
        </h3>
        <div class="floorBox">
            <div class="floorLeft">
                <ul class="flList">
                    <li th:if="${categoryList[0].sub.size>=5}" th:each="index:${#numbers.sequence(0,4)}"
                        th:text="${categoryList[0].sub[index].name}"></li>
                    <li th:if="${categoryList[0].sub.size<5}"
                        th:each="index:${#numbers.sequence(0,categoryList[0].sub.size-1)}"
                        th:text="${categoryList[0].sub[index].name}"></li>

                    <li><a href="goods_details.html">更多&gt;&gt;</a></li>
                    <div class="clears"></div>
                </ul><!--flList/-->
                <div class="flImg"><img height="290" th:src="${verticalAdvertiseList[1].pic}" width="198"/></div>
            </div><!--floorLeft/-->
            <div class="floorRight">
                <div class="frProList">
                    <dl th:each="goods1:${goodsList[0]}">
                        <dt>
                            <a th:href="@{/goods/openDetails(id=${goods1.id})}"><img height="129" th:src="${goods1.pic}" width="132"/></a>
                        </dt>
                        <dd>
                            <span th:text="${goods1.name} +'  ' +${goods1.salePoint}"></span>
                        </dd>
                        <dd class="cheng">
                            <span th:text="'￥'+ ${goods1.price1}+'/'+${goods1.unit}"></span>
                        </dd>
                    </dl>
                    <div class="clears"></div>
                </div><!--frProList-->
            </div><!--floorRight/-->
            <div class="clears"></div>
        </div><!--floorBox/-->
    </div><!--floor/-->
    <div class="hengfu">
        <img height="97" th:src="${horizontalAdvertiseList[1].pic}" width="978"/>
    </div><!--hengfu/-->
    <div class="floor" id="floor3">
        <h3 class="floorTitle">
            2F&nbsp;&nbsp;&nbsp;&nbsp;<span th:text="${categoryList[1].name}"></span>
            <a class="more" th:href="@{/goods/list(parentCategoryId=${categoryList[1].id})}">更多 &gt;</a>
        </h3>
        <div class="floorBox">
            <div class="floorLeft">
                <ul class="flList">
                    <li th:if="${categoryList[1].sub.size>=5}" th:each="index:${#numbers.sequence(0,4)}"
                        th:text="${categoryList[1].sub[index].name}"></li>
                    <li th:if="${categoryList[1].sub.size<5}"
                        th:each="index:${#numbers.sequence(0,categoryList[1].sub.size-1)}"
                        th:text="${categoryList[1].sub[index].name}"></li>
                    <li><a href="goods_details.html">更多&gt;&gt;</a></li>
                    <div class="clears"></div>
                </ul><!--flList/-->
                <div class="flImg"><img height="290" th:src="${verticalAdvertiseList[2].pic}" width="198"/></div>
            </div><!--floorLeft/-->
            <div class="floorRight">
                <div class="frProList">
                    <dl th:each="goods2:${goodsList[1]}">
                        <dt>
                            <a th:href="@{/goods/openDetails(id=${goods2.id})}"><img height="129" th:src="${goods2.pic}" width="132"/></a>
                        </dt>
                        <dd>
                            <span th:text="${goods2.name} +'  ' +${goods2.salePoint}"></span>
                        </dd>
                        <dd class="cheng">
                            <span th:text="'￥'+ ${goods2.price1}+'/'+${goods2.unit}"></span>
                        </dd>
                    </dl>
                    <div class="clears"></div>
                </div><!--frProList-->
            </div><!--floorRight/-->
            <div class="clears"></div>
        </div><!--floorBox/-->
    </div><!--floor/-->
    <div class="hengfu">
        <img height="97" th:src="${horizontalAdvertiseList[2].pic}" width="978"/>
    </div><!--hengfu/-->
    <div class="floor" id="floor2">
        <h3 class="floorTitle">
            3F&nbsp;&nbsp;&nbsp;&nbsp;<span th:text="${categoryList[2].name}"></span>
            <a class="more" th:href="@{/goods/list(parentCategoryId=${categoryList[2].id})}">更多 &gt;</a>
        </h3>
        <div class="floorBox">
            <div class="floorLeft">
                <ul class="flList">
                    <li th:if="${categoryList[2].sub.size>=5}" th:each="index:${#numbers.sequence(0,4)}"
                        th:text="${categoryList[2].sub[index].name}"></li>
                    <li th:if="${categoryList[2].sub.size<5}"
                        th:each="index:${#numbers.sequence(0,categoryList[2].sub.size-1)}"
                        th:text="${categoryList[2].sub[index].name}"></li>
                    <li><a href="goods_details.html">更多&gt;&gt;</a></li>
                    <div class="clears"></div>
                </ul><!--flList/-->
                <div class="flImg"><img height="290" th:src="${verticalAdvertiseList[3].pic}" width="198"/></div>
            </div><!--floorLeft/-->
            <div class="floorRight">
                <div class="frProList">
                    <dl th:each="goods3:${goodsList[2]}">
                        <dt>
                            <a th:href="@{/goods/openDetails(id=${goods3.id})}"><img height="129" th:src="${goods3.pic}" width="132"/></a>
                        </dt>
                        <dd>
                            <span th:text="${goods3.name} +'  ' +${goods3.salePoint}"></span>
                        </dd>
                        <dd class="cheng">
                            <span th:text="'￥'+ ${goods3.price1}+'/'+${goods3.unit}"></span>
                        </dd>
                    </dl>
                    <div class="clears"></div>
                </div><!--frProList-->
            </div><!--floorRight/-->
            <div class="clears"></div>
        </div><!--floorBox/-->
    </div><!--floor/-->
    <div th:replace="/frontend/common/footer :: footer"></div>
</div><!--mianCont/-->
<a class="backTop" href="#">&nbsp;</a>
</body>
</html>
